<template>
    <div class="appContainer">
        <!-- <div class="allNavContainer">
            <homenav></homenav>
        </div>-->
        <transition name="slide-fade">
            <keep-alive>
                <router-view v-if="$route.meta.keepAlive"></router-view>
            </keep-alive>
        </transition>
        <transition name="slide-fade">
            <router-view v-if="!$route.meta.keepAlive"></router-view>
        </transition>
        <template>
            <el-backtop target=".appContainer" :bottom="100">
                <div
                    style="{
        height: 100%;
        width: 100%;
        background-color: #f2f5f6;
        box-shadow: 0 0 6px rgba(0,0,0, .12);
        text-align: center;
        line-height: 40px;
        color: #1989fa;
      }"
                >UP</div>
            </el-backtop>
        </template>
    </div>
</template>



<script>
import homenav from "./common/homenav.vue";
export default {
    components: {
        homenav
    }
};
</script>


<style lang="scss" scoped>
// .v-enter {
//     opacity: 0;
//     transform: translateX(10%);
// }

// .v-leave-to {
//     opacity: 0;
//     transform: translateX(-10%);
// }

// .v-enter-active,
// .v-leave-active {
//     transition: all 0.3s ease;
// }
// .slide-fade {
//     //   position: absolute;left:0;right: 0;
// }
// .slide-fade-enter-active {
//     //   transition: all 1.2s ease;
// }
// .slide-fade-leave-active {
//     //   transition: all .1s cubic-bezier(2.0, 0.5, 0.8, 1.0);
// }
// .slide-fade-enter,
// .slide-fade-leave-to {
//     //   left:0;right: 0;
//     //   transform: translateX(50px);
//     //   opacity: 0;
// }

.appContainer {
    width: 100%;
    height: 100%;
    // min-width: 1586px;
    overflow-x: hidden;
    font-family: Helvetica, "Hiragino Sans GB", "Microsoft Yahei",
        "å¾®è½¯é›…é»‘", Arial, sans-serif;
}
</style>